

head
	link(rel="stylesheet", type="text/css", href="css/pipeline.css")

	// JQuery
	script(src='/js/jquery.js')
	// Jquery module for autocomplete text fields
	script(src='/js/jquery.autocomplete.js')
	// CSV parser
	script(src='/js/papaparse.js')
	// Our own client side file manager
	script(src='/js/file_manager.js')
	// GUI updater
	script(src='/js/file_updater.js')

//p #{name}'s Pug source code!

body
	div#slim_logo
		img.image(src='/imgs/slim_logo.svg')
	div#main_frame
		div#configuration
			p Configuration
			button#down_conf Save
			button#up_conf Load
			button#reset_conf Reset
			input#up_conf_hidden(type='file', name='uploaded', hidden)

		div#uploader.module
			h2 Files uploader
			div#up_list.file_list
			form#up_form
				p Add files:
				input#up_files(type='file', name='uploaded' multiple)
				button#up_submit Upload
				div.progress
					div.progress-bar(role="progressbar")

		script(src='/js/upload.js')

		div.gui_warnings

		div#modules
		
		div#module_managment
			h3 Add a new module
			div#add_area
				select#module_list
				button#add_module +

		div.gui_warnings
		div#start_area
			input(type='text', value='Your email address')#mail
			button#start Start analysis

	script(src='/js/module.js')

	// Main scripts
	script(src='/js/run_pipeline.js')
	script(src='/js/global.js')

